<template>
            <el-menu
                    default-active="2"
                    class="el-menu-vertical-demo"
                    @open="handleOpen"
                    @close="handleClose">
                <el-submenu index="1">
                    <template slot="title">
                        <i class="el-icon-s-custom"></i>
                        <span>学生管理</span>
                    </template>
                    <el-menu-item-group>
                        <router-link to="/student">学生</router-link>
                    </el-menu-item-group>
                </el-submenu>

                <el-submenu index="2">
                    <template slot="title">
                        <i class="el-icon-s-check"></i>
                        <span>班级管理</span>
                    </template>
                    <el-menu-item-group>
                        <router-link to="/class">班级</router-link>
                    </el-menu-item-group>
                </el-submenu>

                <el-submenu index="3">
                    <template slot="title">
                        <i class="el-icon-office-building"></i>
                        <span>宿舍管理</span>
                    </template>
                    <el-menu-item-group>
                        <router-link to="/dorm">宿舍</router-link>
                    </el-menu-item-group>
                </el-submenu>

                <el-submenu index="4">
                    <template slot="title">
                        <i class="el-icon-tickets"></i>
                        <span>维修管理</span>
                    </template>
                    <el-menu-item-group>

                        <router-link to="/dormRepair">维修</router-link>
                    </el-menu-item-group>

                </el-submenu>

                <el-submenu index="5">
                    <template slot="title">
                        <i class="el-icon-user"></i>
                        <span>访客管理</span>
                    </template>
                    <el-menu-item-group>

                        <router-link to="/visitor">访客</router-link>
                    </el-menu-item-group>

                </el-submenu>

                <el-submenu index="6">
                    <template slot="title">
                        <i class="el-icon-user-solid"></i>
                        <span>管理员管理</span>
                    </template>
                    <el-menu-item-group>

                        <router-link to="/admin">管理员</router-link>
                    </el-menu-item-group>
                </el-submenu>
            </el-menu>
</template>

<script>
    export default {
        name: "asideMenu",
        methods: {
            handleOpen(key, keyPath) {
                console.log(key, keyPath);
            },
            handleClose(key, keyPath) {
                console.log(key, keyPath);
            }
        }
    }

</script>

<style scoped>

</style>

